<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="/admin/public/html5shiv.min.js"></script>
	<script src="/admin/public/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap core CSS -->
<link href="../newTemplate/css/bootstrap.min.css" rel="stylesheet"/>
<!-- <link href="../newTemplate/css/animate.css" rel="stylesheet"/>页面滑动 -->	
<link href="../newTemplate/css/inspinia.css" rel="stylesheet"/>
<style>
.icheckbox_square-green{
	float:left;
}
.form-horizontal input,.form-horizontal select{
	margin-left:0;
}
#wrapper {
 width: 100%;
 height: 100%;
}
.img{
	height: 400px;
	width:260px;
}
</style>
<title>信息管理系统</title>
</head>
<body>
	<div id="wrapper" class="container">
		<div class="wrapper wrapper-content animated fadeInRight">
            <h3><strong>我的二维码背景图片配置</strong></h3>
<div class="right_box">
    <div style="border:none;box-shadow:none;" class="right_one row">
        <div class="col-md-12 col-sm-12 col-xs-12" style="float:left;">
            <div class="form-horizontal">
                <div class="tabs-container">
                    <div class="tab-content">
                     <form action="/admin/system/upmycodePicUrl" method="post" enctype="multipart/form-data" novalidate="novalidate">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body" >
                                <div class="form-group">
                                    <label class="col-lg-2 control-label"><span style="color:#cc5965;"></span>图片：</label>
                                    <div class="col-lg-9">
                                    	<input type="hidden" id="oldImg" name="oldImg" value="${mycodePicUrl }"/>
                                    	<input type="file" class="form-control" id="mycodePicUrl"
										name="mycodePicUrl"  onchange="preview(this,1)" style="width: 260px;" ><span style="color:red;font-size: 15px;">建议图片尺寸：640*1138</span>
                                    	<div id="preview1">
                                    		<img src="${mycodePicUrl }" alt="" width="260px" height="400px"/>
                                    	</div>
                                        <span class="field-validation-valid" data-valmsg-for="Title" data-valmsg-replace="true"></span>
                                    </div>
                                </div>
                                <div class="form-group">
									<label class="col-lg-2 control-label"><span style="color:#cc5965;">*</span>推荐文字:</label>
									<div class="col-lg-9">
										<div>
										<script id="editor" type="text/plain" name="describe" id="describe" style="width:500px;height:300px;">${tjDescribe }</script>
										</div>
									</div>
								</div>
                            </div>
                        </div>
                        <div class="col-sm-4 col-sm-offset-2">
	                        <input type="submit" value="修改" id="saveBtn" style="width:105px;height:34px;"  class="btn btn-success"/>
	                    </div>
                         </form>
                         </div>
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <input type="hidden" id="Content" name="Content"/>
         </div>
        </div>
    </div>
</div>
 </div>
	<script src="/admin/newTemplate/js/jquery-2.1.1.js"></script>
	<script src="/admin/newTemplate/js/bootstrap.min.js"></script>
	<script src="/admin/newTemplate/js/plugins/pace/pace.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="/admin/js/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="/admin/js/ueditor.all.js"> </script>
	<script type="text/javascript" charset="utf-8" src="/admin/js/lang/zh-cn/zh-cn.js"></script>
	<script type="text/javascript" src="/admin/js/ueditor.all.min.js"></script>
	<script type="text/javascript">
	var ue=UE.getEditor('editor');
	
		function preview(file, i) {
			var prevDiv = document.getElementById('preview' + i);
			if (file.files && file.files[0]) {
				var reader = new FileReader();
				reader.onload = function(evt) {
					prevDiv.innerHTML = '<img class="img" src="' + evt.target.result + '" />';
				}
				reader.readAsDataURL(file.files[0]);
			} else {
				prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
			}
		}
	</script>
</body>
</html>
